<template>
  <view class="container">
	  <u-navbar title="即时倾诉" @rightClick="rightClick" :autoBack="true" :placeholder="true">
	  </u-navbar>
    <!-- 使用 image 组件并设置 mode 为 "widthFix" -->
    <image 
      class="auto-height-image" 
      :src="yourImageUrl" 
      mode="widthFix"
    />
  </view>
</template>

<script>
export default {
  data() {
    return {
      yourImageUrl: 'https://lesson.iapeap.com/2023/jsqs/jsqsIndexLong.jpg' // 替换为实际图片路径
    }
  }
}
</script>

<style scoped>
.container {
  /* 确保容器宽度100% */
  width: 100%;
  /* 可选：如果需要限制最大宽度可以设置 */
  max-width: 100%;
}

.auto-height-image {
  /* 宽度100% */
  width: 100%;
  /* 高度自动（由图片比例决定） */
  height: auto;
  /* 显示为块级元素避免底部间隙 */
  display: block;
}
</style>